<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<title></title>
		<script src="js/swiper-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.whatTheFuck {
				width: 100%;
				background: -webkit-linear-gradient(rgb(109, 159, 225), rgb(172, 209, 254));
			}
			
			#yu {
				height: 200px;
				background-color: rgb(172, 209, 254);
			}
			
			.swiper {
				margin-top: -22px;
			}
			
			.swiper-container {
				width: 50%;
				margin: 0 auto;
				/*margin-left: -0.5%;*/
			}
			
			.swiper img {
				width: 99%;
			}
			
			.HomePage_middle {
				width: 49.5%;
				margin: 0 auto;
				background-color: rgb(232, 244, 255);
				/*margin-top: 0px;*/
			}
			
			.college_recomended {
				width: 100%;
				/*margin: 0 auto;*/
				margin-left: 1.5%;
				padding-top: 15px;
			}
			
			.college_recomended img {
				width: 106px;
				height: 98px;
				margin-right: 0.5%;
			}
			
			.HomePage_middle_content {
				width: 100%;
				margin: 0 auto;
				overflow: hidden;
				margin-top: 15px;
			}
			
			.TEACHING {
				width: 30%;
				float: left;
				margin-left: 2%;
			}
			
			.TEACHING_middle {
				margin-top: 10px;
			}
			
			.TEACHING_title {
				font-size: 17px;
				font-weight: bolder;
				border-bottom: 0.5px solid cornflowerblue;
				padding-bottom: 8px;
			}
			
			.English {
				font-size: 14px;
				font-weight: bolder;
				color: gray;
			}
			
			.TEACHING_middle_right {
				float: right;
			}
			
			.TEACHING_middle_right a {
				width: 90px;
				height: 24px;
				line-height: 20px;
				color: white;
				background-color: rgb(109, 159, 225);
				text-decoration: none;
				display: inline-block;
				font-size: 12px;
				text-align: center;
				line-height: 24px;
				margin-top: 10px;
			}
			
			.TEACHING_middle_bottom img {
				width: 137px;
				height: 51px;
				border: 0.5px solid cornflowerblue;
				/*margin-right: 10px;*/
			}
			
			.TEACHING_middle_bottom {
				margin-top: 15px;
			}
			
			.NOTICE {
				width: 30%;
				margin-left: 3%;
				float: left;
			}
			
			.NOTICE_middle {
				margin-top: 10px;
			}
			
			.NOTICE_title {
				font-size: 17px;
				font-weight: bolder;
				border-bottom: 0.5px solid cornflowerblue;
				padding-bottom: 8px;
			}
			
			.NOTICE_middle ul {
				border: 1px solid black;
			}
			
			.NOTICE_middle li {
				margin-left: 2.5%;
				list-style-position: inside;
			}
			
			.SERVICE_title {
				font-size: 17px;
				font-weight: bolder;
				border-bottom: 0.5px solid cornflowerblue;
				margin-top: 37px;
				margin-bottom: 11.7px;
				padding-bottom: 8px;
			}
			
			.SERVICE_content_right {
				float: right;
			}
			
			.SERVICE_content_right a {
				width: 80px;
				height: 30px;
				line-height: 20px;
				color: white;
				background-color: rgb(109, 159, 225);
				text-decoration: none;
				display: inline-block;
				font-size: 12px;
				text-align: center;
				line-height: 30px;
				margin-top: 10px;
			}
			
			.ADMISSION {
				width: 30%;
				float: right;
				margin-right: 2%;
			}
			
			.ADMISSION_title {
				font-size: 17px;
				font-weight: bolder;
				border-bottom: 0.5px solid cornflowerblue;
				padding-bottom: 8px;
				margin-bottom: 10px;
			}
			.ADIMISSION_content_right{
				float: right;
			}
			.ADIMISSION_content_right a {
				width: 90px;
				height: 24px;
				line-height: 20px;
				color: white;
				background-color: rgb(109, 159, 225);
				text-decoration: none;
				display: inline-block;
				font-size: 12px;
				text-align: center;
				line-height: 24px;
				margin-top: 10px;
			}
			.NEWS_title{
				font-size: 17px;
				font-weight: bolder;
				border-bottom: 0.5px solid cornflowerblue;
				margin-top: 10px;
				margin-bottom: 18px;
				padding-bottom: 8px;
			}
			.NEWS_middle ul {
				border: 1px solid black;
			}
			
			.NEWS_middle li {
				margin-left: 2.5%;
				list-style-position: inside;
			}
			.iframe_footer{
				margin-top: -7px;
			}
		</style>
	</head>

	<body>
		<iframe src="index.html" width="100%" height="100%" style="border: none;"scrolling="no"></iframe>
		<div class="whatTheFuck">
			<div class="swiper">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a class="hotImgA" href="###"><img /></a>
						</div>
						<div class="swiper-slide">
							<a class="hotImgA" href="###"><img /></a>
						</div>
						<div class="swiper-slide">
							<a class="hotImgA" href="###"><img/></a>
						</div>
						<div class="swiper-slide">
							<a class="hotImgA" href="###"><img /></a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<div class="HomePage_middle">
				<div class="college_recomended">
					<img src="img/xinsheng.png" style="margin-right: -0.3%;" />
					<a href=""><img src="img/tj02.jpg" /></a>
					<a href=""><img src="img/tj01.jpg" /></a>
					<a href=""><img src="img/yx05.jpg" /></a>
					<a href=""><img src="img/yx04.jpg" /></a>
					<a href=""><img src="img/yx03.jpg" /></a>
					<a href=""><img src="img/yx02.jpg" /></a>
					<a href=""><img src="img/yx01.jpg" /></a>
				</div>
				<div class="HomePage_middle_content">
					<div class="TEACHING">
						<p class="TEACHING_title">教学<span style="color: cornflowerblue;">教务</span> <span class="English">TEACHING</span></p>
						<div class="TEACHING_middle">
							<img src="img/cont_pic01.gif" style="width: 83px;height: 107px;" />
							<div class="TEACHING_middle_right">
								<p>
									<a href="">选课计划</a>
									<a href="">毕业论文</a>
								</p>
								<p>
									<a href="">政策法规</a>
									<a href="">教学区一</a>
								</p>
								<p>
									<a href="">教学区二</a>
									<a href="">管理规定</a>
								</p>
							</div>
							<div class="TEACHING_middle_bottom">
								<p>
									<a href=""><img src="img/logo01_pic.gif" /></a>
									<a href=""><img src="img/logo02_pic.gif" /></a>
								</p>
								<p>
									<a href=""><img src="img/logo03_pic.gif" /></a>
									<a href=""><img src="img/1.jpg" /></a>
								</p>
								<p>
									<a href=""><img src="img/2.jpg" /></a>
									<a href=""><img src="img/3.jpg" /></a>
								</p>
							</div>
						</div>
					</div>
					<div class="NOTICE">
						<p class="NOTICE_title">通知<span style="color: cornflowerblue;">公告</span> <span class="English">NOTICE</span>
							<a href="" style="float: right;font-size: 13px;margin-right: 1%;text-decoration: none;">more</a>
						</p>
						<div class="NOTICE_middle">
							<ul>
								<li>题目1(后台端口)</li>
								<li>题目2(后台端口)</li>
								<li>题目3(后台端口)</li>
								<li>题目4(后台端口)</li>
								<li>题目5(后台端口)</li>
							</ul>
						</div>
						<p class="SERVICE_title">技术<span style="color: cornflowerblue;">支持</span> <span class="English">SERVICE</span>
							<div class="SERVICE_content">
								<img src="img/pic035.gif" />
								<div class="SERVICE_content_right">
									<p>
										<a href="">校园文化</a>
										<a href="">学生手册</a>
									</p>
									<p>
										<a href="">资料下载</a>
										<a href="">学员风采</a>
									</p>
									<p>
										<a href="">常见问题</a>
										<a href="">学校新闻</a>
									</p>
								</div>
							</div>
					</div>
					<div class="ADMISSION">
						<p class="ADMISSION_title">招生与<span style="color: cornflowerblue;">入学</span> <span class="English">NOTICE</span>
							<div class="ADIMISSION_content">
								<img src="img/cont_pic02.gif" style="width: 83px;height: 107px;" />
								<div class="ADIMISSION_content_right">
									<p>
										<a href="">招生简章</a>
										<a href="">网上报名</a>
									</p>
									<p>
										<a href="">专业介绍</a>
										<a href="">录取查询</a>
									</p>
									<p>
										<a href="">证书样板</a>
										<a href="">考前辅导</a>
									</p>
								</div>
							</div>

							<div class="NEWS">
								<p class="NEWS_title">最新<span style="color: cornflowerblue;">新闻</span> <span class="English">NEWS</span>
									<a href="" style="float: right;font-size: 13px;margin-right: 1%;text-decoration: none;">more</a>
								</p>
								<div class="NEWS_middle">
									<ul>
										<li>题目1(后台端口)</li>
										<li>题目2(后台端口)</li>
										<li>题目3(后台端口)666</li>
										<li>题目4(后台端口)</li>
										<li>题目5(后台端口)666</li>
									</ul>
								</div>
							</div>
					</div>
				</div>
			</div>
			<iframe src="index2.html" width="100%" height="200px" style="border: none;" scrolling="no"class="iframe_footer"></iframe>
			<script type="text/javascript">
				var swiperImgs = document.querySelectorAll(".swiper-wrapper img");
				$.ajax({
					type: "post",
					url: "PHPfiles/autoImg.php",
					success: function(res) {
						var imgObj = JSON.parse(res);
						var arrImg = imgObj.backmsg;
						for(var i = 0; i < arrImg.length; i++) {
							swiperImgs[i].setAttribute("src", arrImg[i]);
						}
					}
				});
				var mySwiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					paginationClickable: true,

					autoplay: 2000,
				});
				var hotImgA = document.getElementsByClassName("hotImgA");
				for(i = 0; i < hotImgA.length; i++) {
					hotImgA[i].index = i;
					hotImgA[i].onclick = function() {
						window.location.href = "HomePageHot.html?" + this.index;
					}
				}
			</script>
	</body>

</html>